<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-touch-fullscreen" content="YES"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>银行卡</title>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/unbindCard.css"/>
    <!-- <link rel="stylesheet" href="../../static/css/payment.css"/> -->
</head>
<body>
<div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre" onclick="returnBack()"><img src="../../../img/ic_back.png" alt=""/></a>
        <p class="head-title">银行卡详情</p>
    </header>
    <!-- 内容 -->
    <div class="panel-contain">

        <div class="unbindCard-panel">
            <!-- 银联列表: 卡号 -->
            <div class="unbindCard-item-wrapper" >
                <div class="unbindCard-item">
                    <span class="unbindCard-icon"></span>
                    <h2 class="unbindCard-title" th:text="${bank.payBankname}" >
                    </h2>
                    <p class="bindCard-type" th:switch="${bank.payAccttype}">
                        <span class="bindCard-type" th:case="00">储蓄卡</span>
                        <span class="bindCard-type" th:case="02">信用卡</span>
                    </p>
                    <p class="unbindCard-num" th:text="${bank.payAcctno}"></p>
                </div>
                <span class="unbindCard-bg"></span>
            </div>

            <div class="unbindCard-info">
                <label class="unbindCard-label "  for="">单笔限额</label>
                <p class="unbindCard-txt fr" th:text="${oneExpenditure}"></p>
            </div>

            <div class="unbindCard-info">
                <label class="unbindCard-label "  for="">单日限额</label>
                <p class="unbindCard-txt fr" th:text="${DayExpenditure}"></p>
            </div>
        </div>
    </div>


    <footer class="unbindCard-footer" th:id="${bank.guid}">
        解除绑定
    </footer>


    <!-- 提示框 -->
    <div class="msg-wrapper" id="js_tipsPanel">
        <div class="msg-tips-pop tips-success" id="js_tips" style="">
            <div class="tips-content" id="tips">asdjakl点击萨拉打卡机卡拉胶埃里，。克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克 撒旦</div>
        </div>
    </div>

    <!-- 自定义弹出框: 开始 -->
    <!--  <div class="page-alert-wrapper" id="alertPanel">
        <span class="page-jumbotron" id="alertJumbotron"></span>
        <div class="page-alert">
            <header class="page-title" id="alertTitile">提示</header>
            <div class="page-content" id="alertContent">
            </div>
            <footer class="page-footer"  id="alertBtn">确认</footer>
        </div>
    </div> -->
    <!-- 自定义弹出框: 结束 -->
</div>
</body>
<script src="../../js/AutoAdapter.js"></script>
<!-- <script src="../../static/js/___payment/adpter.js"></script> -->
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/unbindCard.js"></script>
</html>
